:root {
  --light-bg-color: #fff;
  --dark-bg-color: #040720;
}

#container {
  height: 100%;
}

.app-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sea {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 35%;
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  z-index: 9;
}

.app-bg {
  transition: all 1s ease-in-out;
}

.light > .app-bg {
  background-color: var(--light-bg-color);
}

.dark > .app-bg {
  background-color: var(--dark-bg-color);
}

/* 适用于Webkit浏览器，如Chrome和Safari */
::-webkit-scrollbar {
  width: 8px;
  /* 滚动条宽度 */
  height: 12px;
  /* 滚动条高度 */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  /* 轨道颜色 */
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background: #888;
  /* 滑块颜色 */
  border-radius: 6px;
  /* 滑块圆角 */
}

/* 滑块hover效果 */
::-webkit-scrollbar-thumb:hover {
  background: #555;
  /* 滑块hover颜色 */
}
